﻿@ModelType SistemaINCA.Models.ViewModels.MatriculaModel
@Code
    ViewBag.Title = "Matricula para nuevo ingreso"
    Dim iAnioMatricula As Integer = Date.Now.AddYears(1).Year
    Dim widthForm As String = IIf(ViewBag.IsPeriodo, "auto", "300px")
End Code
@Section JSImport
    @MvcHtmlString.Create(Bundle.JavaScript() _
                                .Add("~/Scripts/jquery-ui-1.8.16.custom.min.js") _
                                .Add("~/Scripts/jquery.validationEngine.js") _
                                .Add("~/Scripts/jquery.validationEngine-es.js") _
                                .Add("~/Scripts/Validaciones/ValidationsForms.js") _
                                .Add("~/Scripts/Editor_Calendar_HookUp.js") _
                                .Add("~/Scripts/Funciones/SendDataAjax.js") _
                                .Add("~/Scripts/Funciones/FormDialogExtension.js") _
                                .Add("~/Scripts/Funciones/BlockPageLoadExtension.js") _
                                .ForceRelease _
                                .Render("~/Scripts/JSPage_Matricula.js"))
End Section
@Section CSSImport
    @MvcHtmlString.Create(Bundle.Css() _
                                .Add("~/Content/themes/validationEngine/validationEngine.jquery.css") _
                                .Add("~/Content/themes/Redmond/jquery-ui-1.8.16.custom.css") _
                                .ForceRelease _
                                .Render("~/Content/CSSMatricula.css"))
End Section
@Section MenuMatricula
    @Html.Partial("_MenuMatriculaView")
End Section
<script type="text/javascript">
    $(function () {  //document.Ready()
        var $a = $('article');
        if ($a.attr('data-IsPeriodo') == 'False')
            $a.show();
    });
</script>
<article class="form-matricula" data-IsPeriodo="@ViewBag.IsPeriodo" style="display: none; height: @widthForm;">
<h1>FORMULARIO DE MATRICULA PARA NUEVO INGRESO @iAnioMatricula</h1>
<h4>(PASO 1: DATOS PERSONALES DEL ALUMNO)</h4>
@If ViewBag.IsPeriodo Then
    @<div id="formContenedor">
    @Html.EditorForModel(New With {.Especialidades = ViewBag.Especialidades})
    </div>
    @*<section id="sec-datos-familiares">
        <h2>DATOS FAMILIARES</h2>
        <div class="line-titulo"></div>
        <div id="sec-cont-datos-fam-padre" class="form-sections" style="border: 1px dashed #AEAEAE; margin-bottom: 20px; -webkit-border-radius: 10px; border-radius: 10px;">
            <h3>DATOS DEL PADRE DEL ALUMNO</h3>
            <table class="form-sections-table">
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Nombres del padre:</span>
                        <span>@Html.TextBox("frm_Padre_Nombres", Nothing, New With {.placeholder = "Escriba el primer y segundo nombre del padre", .maxlength = "25", .Style = "width: 285px;"})</span>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span form-sections-table-cells-span-intermedio">Apellidos del padre:</span>
                        <span>@Html.TextBox("frm_Padre_Apellidos", Nothing, New With {.placeholder = "Escriba el primer y segundo apellido del padre", .maxlength = "25", .Style = "width: 285px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">DUI:</span>
                        <span>@Html.TextBox("form-Padre-DUI", Nothing, New With {.placeholder = "En formato 00000000-0", .maxlength = "10", .Style="width: 150px;"})</span>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span form-sections-table-cells-span-intermedio">Teléfono de contacto:</span>
                        <span>@Html.TextBox("form-Padre-Telefono", Nothing, New With {.placeholder = "0000-0000", .maxlength = "9", .Style = "width: 65px;"})</span>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span form-sections-table-cells-span-intermedio">Profesión:</span>
                        <span>@Html.TextBox("form-Padre-Profesion", Nothing, New With {.placeholder = "Profesión en la que trabaja", .maxlength = "50", .Style = "width: 320px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Correo Electrónico para contactarlo:</span>
                        <span>@Html.TextBox("form-Madre-CorreoE", Nothing, New With {.type = "email", .placeholder = "Escriba el correo electrónico de contacto", .maxlength = "35", .Style = "width: 637px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Lugar o Empresa donde trabaja actualmente:</span>
                        <span>@Html.TextBox("form-Padre-LTrabajo", Nothing, New With {.placeholder = "Escriba el nombre del lugar o la empresa donde se encuentra trabajando el padre del alumno", .maxlength = "150", .Style = "width: 580px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Dirección del lugar de trabajo:</span>
                        <span>@Html.TextBox("form-Padre-DirTrabajo", Nothing, New With {.placeholder = "Escriba la dirección completa del lugar o empresa donde trabaja el padre del alumno", .maxlength = "300", .Style = "width: 675px;"})</span>
                    </td>
                </tr>
            </table>
        </div>
        <div id="sec-cont-datos-fam-madre" class="form-sections" style="border: 1px dashed #AEAEAE; margin-bottom: 20px; -webkit-border-radius: 10px; border-radius: 10px;">
            <h3>DATOS DE LA MADRE DEL ALUMNO</h3>
            <table class="form-sections-table">
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Nombres de la madre:</span>
                        <span>@Html.TextBox("form-Madre-Nombres", Nothing, New With {.placeholder = "Escriba el primer y segundo nombre", .maxlength = "25", .Style = "width: 268px;"})</span>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span form-sections-table-cells-span-intermedio">Apellidos de la madre:</span>
                        <span>@Html.TextBox("form-Madre-Apellidos", Nothing, New With {.placeholder = "Escriba el primer y segundo apellido", .maxlength = "25", .Style = "width: 268px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">DUI:</span>
                        <span>@Html.TextBox("form-Madre-DUI", Nothing, New With {.placeholder = "En formato 00000000-0", .maxlength = "10", .Style = "width: 150px;"})</span>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span form-sections-table-cells-span-intermedio">Teléfono de contacto:</span>
                        <span>@Html.TextBox("form-Madre-Telefono", Nothing, New With {.placeholder = "0000-0000", .maxlength = "9", .Style = "width: 65px;"})</span>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span form-sections-table-cells-span-intermedio">Profesión:</span>
                        <span>@Html.TextBox("form-Madre-Profesion", Nothing, New With {.placeholder = "Profesión en la que trabaja", .maxlength = "50", .Style = "width: 320px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Correo Electrónico para contactarlo:</span>
                        <span>@Html.TextBox("form-Madre-CorreoE", Nothing, New With {.type = "email", .placeholder = "Escriba el correo electrónico de contacto", .maxlength = "35", .Style = "width: 637px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Lugar o Empresa donde trabaja actualmente:</span>
                        <span>@Html.TextBox("form-Madre-LTrabajo", Nothing, New With {.placeholder = "Escriba el nombre del lugar o la empresa donde se encuentra trabajando la madre del alumno", .maxlength = "150", .Style = "width: 580px;"})</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Dirección del lugar de trabajo:</span>
                        <span>@Html.TextBox("form-Madre-DirTrabajo", Nothing, New With {.placeholder = "Escriba la dirección completa del lugar o empresa donde trabaja la madre del alumno", .maxlength = "300", .Style = "width: 675px;"})</span>
                    </td>
                </tr>
            </table>
        </div>
     </section>*@
Else  'Ocurre cuando no existe nuevo periodo de matricula o aun no es la fecha en la que debe de estar activado
    @<section class="form-matricula-msj-justified">
        <div>
            Lo sentimos, por el momento no se encuentra disponible el formulario de matricula para nuevo ingreso año @iAnioMatricula, debido a que todavía no es el periodo de solicitudes de nuevo ingreso.
        </div>

        @If ViewBag.InfoPeriodoMatricula Is Nothing Then  'Determinamos si ya esta ingresada la informacion del periodo o no
            @<div style="margin-top: 10px;">
                Para mayor información y conocer las fechas del periodo para matricula @iAnioMatricula, por favor consulte con alguna persona encargada en el instituto o comuníquese a nuestro numero telefónico.
             </div>    
        Else
            Dim infoPM = CType(ViewBag.InfoPeriodoMatricula, SistemaINCA.PERIODOS_MATRICULA)
            @<div style="margin-top: 10px;">
                El formulario de nuevo ingreso para matricula @iAnioMatricula estará disponible a partir de:
             </div>
            @<table class="form-table">
                <tr>
                    <td class="sys-titulos" style="width: 150px;">Fecha de apertura:</td>
                    <td>@infoPM.FECHA_INI.ToString("dd/MMM/yyyy", System.Globalization.CultureInfo.CreateSpecificCulture("es-SV"))</td>
                </tr>
                <tr>
                    <td class="sys-titulos">Hora de apertura:</td>
                    <td>@infoPM.FECHA_INI.ToString("hh:mm tt", System.Globalization.CultureInfo.CreateSpecificCulture("es-SV"))</td>
                </tr>
                <tr>
                    <td class="sys-titulos">Fecha de cierre:</td>
                    <td>@infoPM.FECHA_FIN.ToString("dd/MMM/yyyy", System.Globalization.CultureInfo.CreateSpecificCulture("es-SV"))</td>
                </tr>
                <tr>
                    <td class="sys-titulos">Hora de cierre:</td>
                    <td>@infoPM.FECHA_FIN.ToString("hh:mm tt", System.Globalization.CultureInfo.CreateSpecificCulture("es-SV"))</td>
                </tr>
             </table>
        End If
     </section>
        
End If
</article>